<template>
  <div>
    <h1>parentA</h1>

    <!-- 组件标签 -->
    <son-a>
      <ul slot="stu">
        <li v-for="(item, index) in list" :key="index">
          {{ item.name }}---{{ item.height }}
        </li>
      </ul>
      <h1 slot="kongque">{{ info }}</h1>
    </son-a>
  </div>
</template>

<script>
import SonA from "./SonA.vue";

export default {
  components: { SonA },
  data() {
    return {
      info: "庄头幼儿园门口养了两只孔雀",
      list: [
        {
          name: "hanhan",
          height: 185,
        },
        {
          name: "lele",
          height: 190,
        },
      ],
    };
  },
};
</script>

<style lang="scss" scoped>
</style>